import axios from 'axios'
import {Message, MessageBox} from 'element-ui'
import store from '../store'
import {getToken} from '@/utils/auth'
import {API_SERVER} from '@/config'

// // 创建axios实例
// const axios = axios.create({
//   baseURL: process.env.BASE_API, // api的base_url
//   timeout: 5000 // 请求超时时间
// })
// request拦截器
axios.interceptors.request.use(config => {
    if (store.getters.token) {
        config.headers['token'] = getToken() // 让每个请求携带自定义token 请根据实际情况自行修改
    }
    if(config.url.indexOf('code/export')!=-1){
        config.responseType = 'blob'
    }
    return config
}, error => {
    // Do something with request error
    console.log(error) // for debug
    Promise.reject(error)
})

// respone拦截器
axios.interceptors.response.use(
    response => {
        /**
         * code为非20000是抛错 可结合自己业务进行修改
         */
        const res = response.data
        if (res.code !== 200) {
            if(response.config.url.indexOf('code/export')!=-1){
                if(response.data){
                    var fileName = decodeURI('邀请码.xls')
                    var blob = new Blob([response.data],{type:"application/vnd.ms-excel"})
                    if(window.navigator.msSaveOropenBlob){
                        navigator.msSaveBlob(blob,fileName);
                    }else{
                        var a = document.createElement('a')
                        a.download = fileName
                        a.href = window.URL.createObjectURL(blob)
                        a.click()
                    }
                }
                return false;
            }   
            Message({
                message: res.msg,
                type: 'error',
                duration: 5 * 1000
            })

            // 50008:非法的token; 50012:其他客户端登录了;  50014:Token 过期了;
            if (res.code === 50008 || res.code === 50012 || res.code === 50014  || res.code === 401) {
                MessageBox.confirm('你已被登出，可以取消继续留在该页面，或者重新登录', '确定登出', {
                    confirmButtonText: '重新登录',
                    cancelButtonText: '取消',
                    type: 'warning'
                }).then(() => {
                    store.dispatch('FedLogOut').then(() => {
                        location.reload() // 为了重新实例化vue-router对象 避免bug
                    })
                })
            }
            return Promise.reject('error')
        } else {
            return response.data
        }
    },
    error => {
        console.log('err' + error) // for debug
        Message({
            message: error.msg,
            type: 'error',
            duration: 5 * 1000
        })
        return Promise.reject(error)
    }
)

const ajax = (url, params = {}, config = {}) => {
    let time = new Date().getTime();

    let headers = {
        'Accept': "application/json",
        'X-Requested-With': 'XMLHttpRequest',
        'Content-Type': 'application/json;charset=UTF-8',
        'Time': time,
    };
    return axios({
        ...params,
        // baseURL: '/',
        headers,
        baseURL:API_SERVER,
        url,
        timeout: 20000
    }).then((res) => {
        if (res.error) return Promise.reject(res);
        return res;
    }).catch((err) => {
        return Promise.reject(err);
    })
}


let methods = {};
['post', 'delete','put'].map(function (method) {
    methods[method] = (url, data, config) => ajax(url, {
        data,
        method
    }, config)
})

export default {
    ...methods,
    ajax,
    get(url, params) {
        return ajax(url, {
            params,
            method: 'get',
        })
    },putq(url, params) {
        return ajax(url, {
            params,
            method: 'put',
        })
    }
}


// export default service
